<!DOCTYPE html>
<html lang="en-US" dir="ltr">
	<head>
		<meta charset="utf-8" />
		<title>Uix Kit Demo</title>	
        
		<!-- Mobile Settings
		============================================= -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <!-- Mobile Settings end -->
        
        
		<!-- Core library
		============================================= -->
		<script src="assets/js/wp-jquery/jquery.min.js?ver=2.1.3"></script>
		<script src="assets/js/wp-jquery/jquery.migrate.min.js?ver=1.4.1"></script>
        <script src="assets/js/min/prefixfree.min.js?ver=1.0.7"></script>
        <!-- Core library  end -->
        
        
        
        
        
		<!-- Compatibility
		============================================= -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        
        <script src="assets/js/min/modernizr.min.js?ver=3.5.0"></script>
        
        <!--[if lt IE 9]>
            <script src='assets/js/min/respond.min.js?ver=1.4.2'></script>
        <![endif]-->
        
        <!-- Compatibility  end -->



		<!-- Web Fonts
		============================================= -->
        <!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800" rel="stylesheet"> -->
        <!-- Web Fonts  end -->
        
		<!-- Core & Theme CSS
		============================================= -->
        
        <!-- Basic  -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css?ver=3.3.7" media="all"/>
        <link rel="stylesheet" href="assets/css/video.min.css?ver=5.19" media="all"/>
        <link rel="stylesheet" href="assets/css/flexslider.min.css?ver=2.6.2" media="all" />
		<link rel="stylesheet" href="assets/css/animate.min.css?ver=3.5.2" media="all" />
        
        
        <!-- Icons  -->
        <link rel="stylesheet" href="assets/fonts/fontawesome/font-awesome.min.css?ver=4.7" media="all" /> 
        
       
        <!-- Theme  -->
        <link rel="stylesheet" href="assets/css/uix-kit.min.css?ver=MTUxOTgwNTQ3OTQxMQ"/>
        
        
         <!--[if lt IE 10]>
           <link rel="stylesheet" href="assets/css/uix-kit.IE.css?ver=MTUxOTgwNTQ3OTQxMQ" />
        <![endif]-->
        
        
        <!-- Core & Theme CSS  end -->
        
            
            
		<!-- SEO
		============================================= -->
        <meta name="description" content="Free Responsive HTML5 UI Kit for Fast Web Design Based On Bootstrap">
        <meta name="generator" content="Uix Kit" />  
        <meta name="author" content="UIUX Lab"> 
        <link rel="canonical" href="https://uiux.cc" />
        <!-- SEO  end -->
  
        
		<!-- Favicons
		============================================= -->
        <link rel="icon" href="assets/images/favicon/favicon-32x32.png" type="image/x-icon">
        <link rel="shortcut icon" href="assets/images/favicon/favicon-32x32.png" sizes="32x32">
        <link rel="apple-touch-icon" href="assets/images/favicon/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon/apple-touch-icon-114x114.png">
        <!-- Favicons  end -->
     
  
  </head>     
  
 
  <body class="home theme-white">
  
  
          
              
    <!-- Loader
    ============================================= -->      
    <div class="loader">
        <!--[if lt IE 10]>
            <span>Loading...</span>
        <![endif]-->
        <svg class="spinner-container IE-hide" viewBox="0 0 52 52">
			<path d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z"></path>
        </svg>
    </div>
    <!-- .loader end -->
    

    <!-- Mobile Menu Toggle
    ============================================= -->    
	<div class="menu-mobile-toggle">
		<span></span>
		<span></span>
		<span></span>
	</div>
    <div class="menu-mobile-mask"></div>
	<!-- .menu-mobile-toggle end -->


    

  
  
    <div class="wrapper">
    
        <!-- Header Area
        ============================================= -->      
        <header class="header-area transition">
            
             <div class="header-container transition">
                 <div class="container">
                 
                                                <div class="brand">
                            <a href="index.html"><img src="assets/images/logo.png" alt="Uix Kit Demo"></a>                       
                        </div>
                        <!-- .logo end -->
                        
                        
                        
                        <!-- Navigation Start-->
                        
                        <nav class="menu-container transition">
                               
                               <div class="inner">
                               
									<span class="mobile-brand"></span>
									<ul class="menu-main"> 
										<li class="multi-column current-menu-item"><a href="index.html">Components</a>
											<ul class="sub-menu">
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Grid &  Extension</span></li>
														<li><a href="seamless-grid.html">Seamless Grid</a></li>
														<li><a href="bootstrap-grid.html">Bootstrap Grid</a></li>
														<li><a href="material-container.html">Material Container</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Contents</span></li>
														<li><a href="list-posts.html">Posts List</a></li>
														<li><a href="list-split-imagery.html">Fullwidth List of Split</a></li>
														<li><a href="single-post.html">Single Post</a></li>
														<li><a href="sidebar.html">Sidebar</a></li>
														<li><a href="search.html">Search Box</a></li>
														<li><a href="contact.html">Contact Form</a></li>
														<li><a href="features.html">Features</a></li>
														<li><a href="pricing.html">Pricing</a></li>
														<li><a href="testimonials.html">Testimonials</a></li>
														<li><a href="multi-items-carousel.html">Easy Multiple Items Carousel</a></li>
														<li><a href="gallery.html">Gallery Normal</a></li>
														<li><a href="gallery-filter.html">Gallery Filterable</a></li>
														<li><a href="gallery-masonry.html">Gallery Masonry</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>

												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Web Elements</span></li>
														<li><a href="button.html">Buttons</a></li>
														<li><a href="form.html">Form Elements</a></li>
														<li><a href="form-progress.html">Form Progress</a></li>
														<li><a href="timeline.html">Timeline</a></li>
														<li><a href="slideshow.html">Slideshow</a></li>
														<li><a href="card.html">Card</a></li>
														<li><a href="tabs.html">Tabs</a></li>
														<li><a href="accordion.html">Accordion</a></li>
														<li><a href="counter.html">Counter</a></li>
														<li><a href="video-background.html">Video BG</a></li>
														<li><a href="progress-bar.html">Progress Bar</a></li>
														<li><a href="modal-dialog.html">Modal UI</a></li>
														<li><a href="parallax.html">Parallax</a></li>
														<li><a href="scroll-reveal.html">Scroll Reveal</a></li>     
														<li><a href="periodical-scroll.html">Periodical Scroll</a></li>
														
														
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Interaction</span></li>
														<li><a href="list-posts-with-ajax.html">Ajax Load Posts</a></li>
														<li><a href="list-posts-with-ajax-infinitescroll.html">Infinite Scroll Posts</a></li>
														<li><a href="tooltip.html">Tooltip</a></li>
														<li><a href="show-more-less.html">Show More Less</a></li>
														
														
													</ul>
													<!-- .sub-menu  end -->
												</li>

											
											</ul>

										</li>
										<li><a href="#">Menu</a>
											<ul class="sub-menu">
												<li><a href="mega-menu.html">Mega Menu</a></li>
												<li><a href="mega-menu-rtl.html">Mega Menu(RTL)</a></li>
												<li><a href="onepage-menu.html">Onepage Menu</a></li>
												<li><a href="secondary-responsive-menu.html">Secondary Responsive Menu</a></li>
												<li><a href="dropdown-menu.html">Dropdown Menu</a></li>

											</ul>
											<!-- .sub-menu  end -->
										</li>

										<li><a href="typography.html">Typography</a>
											<ul class="sub-menu">
												<li><a href="typography.html">LTR</a></li>
												<li><a href="typography-rtl.html">RTL</a></li>
												<li><a href="typography-cn.html">中文</a></li>

											</ul>
										</li>



									</ul>
									<div class="menu-right">
										<a title="Follow us on Twitter" href="https://twitter.com/uiux_lab" target="_blank">
											<i class="fa fa-twitter"></i>
										</a>
										<a title="Follow us on Facebook" href="https://www.facebook.com/uiuxlabhome" target="_blank">
											<i class="fa fa-facebook"></i>
										</a>
										<a title="Fork on Github" href="https://github.com/xizon/uix-kit" target="_blank">
											<i class="fa fa-github"></i>
										</a>        
									</div>
                               
							   </div><!-- /.inner -->
        
                        </nav>
                        <!-- .menu-container end -->
                        
                 
                   
                        
                        
                        
                  </div>
                  <!-- .container end -->
                  
                  <div class="clear"></div>
             </div>
        
        </header>
      
     
       
    
        <!-- Parallax & Overlay Demo
        ============================================= --> 
        <section class="space-none">
            <div class="parallax parallax-auto height-100 overlay-text-white" data-speed="0.3" data-image-src="assets-demo/images/index-bg-1920x1080.jpg">
                <img class="parallax-img" src="assets-demo/images/spiral-galaxy-1920x1080.jpg" alt="parallax">
                <div class="pos-vertical-align t-c overflow-hidden-x">
                    <div class="row">
                        <div class="col-md-4 col-md-offset-4 t-c">
                            <h1 id="brand-text">Uix Kit</h1>
							<h3 class="h4 font-normal">Free Responsive HTML5 UI Kit for Fast Web Design Based On Bootstrap</h3>
                       
                            <a href="https://github.com/xizon/uix-kit" target="_blank" class="button button-hover button-border-thin button-size-s button-bg-secondary button-radius">Fork & Download</a>
                       
                        </div>
                    </div>
                    <!-- .row end -->
                </div>
                <!-- .pos-vertical-align  end -->
            </div>
        </section>
        <!--  #parallax-test-3  end --> 
            
            
        
        
       <!-- Content 01  
        ====================================================== -->
        <section>
            <div class="container">
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1 list-normal table-normal">
                        
							<p><strong>An underlying front-end system that makes it easy to extend and modify core files. This spec is a living document that will be updated as we continue to develop the tenets and specifics of Uix Kit. Support JS and CSS component( SCSS ) development with <em>Gulp & Webpack</em> together.</strong></p>
							<p>Enjoy the fluid grid system based on <strong>12</strong> columns. Uix Kit is built over Bootstrap and has all the benefits that the framework comes with. Regardless of the screen size, the website content will naturally fit the given resolution. Using the Uix Kit will save you large amount of time to build your projects.</p>
                          
                            <hr> 
                            <h3>******** Installation And Test ********</h3>
							<p><strong>Step 1.</strong> Use NPM (Locate your current directory of project, and enter the following command.) or download the latest version from <a href="https://github.com/xizon/uix-kit">Github</a>. For nodejs you have to install some dependencies.</p>
							<p><code>$ npm install uix-kit</code></p>
							<p>Or clone the repo to get all source files including build scripts: </p>
							<p><code>$ git clone git://github.com/xizon/uix-kit.git</code><br>
							<code>$ cd uix-kit</code></p>
							<p><strong>Step 2.</strong> Before doing all dev stuff make sure you have node installed. After that, run the following code in the main directory to install the node module dependencies.</p>
							<p><code>$ npm install --dev</code></p>
							<p><strong>Step 3.</strong> Run the following code to enter development mode.</p>
							<p><code>$ gulp default</code></p>
							<p><strong>Step 4.</strong> When you done, please open the browser and enter the following URL to check out.</p>
							<p><code>http://localhost:8080/examples/</code></p>
							<p><strong>Step 5.</strong> Directly edit the entries in the components folder in order to modify the core files. (E.g. <code>examples/assets/css/uix-kit.css</code>, <code>examples/assets/css/uix-kit.min.css</code>, <code>examples/assets/css/rtl/uix-kit-rtl.css</code>, <code>examples/assets/js/uix-kit.js</code>, <code>examples/assets/js/uix-kit.min.js</code> ).</p>
						    <blockquote>

								<h4>Components:</h4>
								HTML/JS/CSS Components: <code>_components/*</code><br>
								<code>00.global</code> and <code>01.index</code> are required components.

							</blockquote>
						
						
							<hr>                           




                            <hr>
                      
                            <h3>******** Custom Core Files ********</h3>
							<p>You can customize these files to meet the different needs of the site you want :-)</p>
							<p>The <code>examples/assets-demo/</code> folder can be deleted.</p>

                            <h4>CSS:</h4>
                            <ul class="list-normal">
                                <li><code>examples/assets/css/uix-kit.css</code></li>
								<li><code>examples/assets/css/uix-kit.min.css</code></li>
								<li><code>examples/assets/css/uix-kit.IE.css</code></li>
							</ul>

                             <h4>CSS(RTL):</h4>
                            <ul class="list-normal">
								<li><code>examples/assets/css/rtl/uix-kit-rtl.css</code></li>
							</ul>

                           
                            <h4>Javascript:</h4>
                            <ul class="list-normal">
								<li><code>examples/assets/js/uix-kit.js</code></li>
								<li><code>examples/assets/js/uix-kit.min.js</code></li>
							</ul>		
                        
                            <h4>Images:</h4>
                            <ul class="list-normal">
								<li><code>examples/assets/images/*</code></li>
							</ul>					
                        				
                            <h4>Fonts:</h4>
                            <ul class="list-normal">
								<li><code>examples/assets/fonts/*</code></li>
							</ul>	
                                            												
                            <h3>******** PSD Grid Templates ********</h3>
							<p>You can download the corresponding .PSD grid files based on Bootstrap 3.x from the <code>_grid</code> folder.</p>
                            <ul class="list-normal">
								<li><code>_grid/bootstrap3_1170_grid_web.psd</code> (Default Container: 1170px)</li>
								<li><code>_grid/bootstrap3_1278_grid_web.psd</code> (XL Container: 1278px)</li>
								<li><code>_grid/bootstrap3_1410_grid_web.psd</code> (XXL Container: 1410px)</li>
							</ul>	
                        

                     
                       
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section>
          
        

            <!-- Footer
        ============================================= -->    
        <footer class="footer-main-container">
            <div class="container">
				<nav class="pull-left">
					<ul>
						<li>
							<a href="https://uiux.cc">
								UIUX Lab
							</a>
						</li>
						<li>
							<a href="https://opensource.org/licenses/MIT">
								Licenses
							</a>
						</li>
						<li>
							<a href="https://github.com/xizon/uix-kit">
								Download
							</a>
						</li>
					</ul>
				</nav>
				<div class="pull-right">
					Copyright &copy; Uix Kit 2018.  |  All rights reserved. Created by UIUX Lab.
				</div>
              
            </div><!-- .container  end -->
        </footer>
        
        
    </div>
    <!-- .wrapper end -->
       
       
      

    <!-- Basic Script -->
	<script src="assets/js/min/jquery.mousewheel.min.js?ver=3.1.12"></script>
	<script src="assets/js/min/jquery.easing.min.js?ver=1.3"></script>
    <script src="assets/js/min/jquery.waitforimages.min.js?ver=1.0"></script>
    <script src="assets/js/min/video.min.js?ver=5.19"></script> 
	<script src="assets/js/min/jquery.waypoints.min.js?ver=4.0.1"></script> 
    <script src="assets/js/min/template7.min.js?ver=1.2.5"></script>

    
    <!-- Slideshow  -->
    <script src="assets/js/min/jquery.flexslider.min.js?ver=2.7.0"></script>
    
    <!-- Masonry -->
    <script src="assets/js/wp-jquery/masonry.min.js?ver=3.3.2"></script>
    <script src="assets/js/wp-jquery/imagesloaded.min.js?ver=4.1.0"></script>

    <!-- Filterable  -->
    <script src="assets/js/min/jquery.shuffle.min.js?ver=3.1.1"></script> 
    
    
    
	<!-- Your Plugins & Theme Scripts
	============================================= -->
	

    
    <!-- Theme Script -->
	<script>
        var wp_theme_custom_root_path = {
			"templateUrl" :"", //If the file is in the root directory, you can leave it empty; if in another directory, you can write: "/blog"
			"homeUrl"     :""  //Eg. https://uiux.cc
		};
    </script>  
    <script src="assets/js/uix-kit.min.js?ver=MTUxOTgwNTQ3OTQxMQ"></script>



	<!-- Your Plugins & Theme Scripts  end -->
    

	<script>
			/* Google analytics */
			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

			ga('create', 'UA-70658525-1', 'auto');
			ga('send', 'pageview');

	</script> 
    
 

  </body>
</html>

    
   